import QtQuick 2.9
import QtQuick.Window 2.2
import QtWebView 1.1
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.1

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")


    TabView{
        id:tabview
        height: parent.height
        width: parent.width
        anchors.fill: parent

        Tab{
            title:"mytest"
//
            Rectangle{
                color: "red"

                Keys.enabled: true
                //对于附加信号处理器，和前面讲到的普通信号处理器有所不同。普通信号处理器，你只要知道信号名字，然后按照on<Signal>语法来定义信号处理器的名字即可；而附加信号处理器，则要遵循<AttachingType>.on<Signal>语法
                Keys.onEscapePressed: {

                    console.log("exit")
                    Qt.quit()
                }

                Keys.onPressed: {
                    console.log(event)

                    console.log(event.key,event.text)
                }
            }
        }

        Tab{
            title:"webview"
//            anchors.fill: parent.fill
            height: parent.height*.05

            ToolBar{
                id:toolBar


                RowLayout{
                    anchors.fill: parent

                    ToolButton{
                        id:back
                        tooltip: qsTr("back")
                    }
                }
            }

            Rectangle{
                id:webview
                visible: true
                height: parent.height*0.8
                width: parent.width
        //        color: "red"

                WebView{
                    id:webview1
        //            url:"src://demo1.html"
                    url:"https://m.baidu.com"
//                    anchors.fill: parent
                    height: 300
                    width: 400

                    //信号加上on就是的了
                    //你看到了，当信号是clicked()时，信号处理器就命名为onClicked。
                    //就这么简单，以on起始后跟信号名字（第一个字母大写）。
                    //如果你点击quit按钮，应用就真的退出了。
                    onLoadingChanged : {
                        console.log(loadRequest)

                        console.log(url)

                        if(loadRequest.status == WebView.LoadStartedStatus){
                            if(url != "http://wwww.qq.com"){
                                //url = "http://wwww.qq.com"
                                //reload()
                            }
                        }

                        if(loadRequest.status == WebView.LoadSucceededStatus){
                                runJavaScript("alert(window.document.title);")
                        }
                    }
                }
            }
        }

//        style: TabViewStyle{
//            frameOverlap:1

//            tab: Rectangle{
//                Text {
//                    id: txt1
//                    text: qsTr("text111")
//                }
//            }

//            frame: Rectangle{
//                color: "steelblue"
//            }
//        }

    }


}
